﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
  <title>Redhouse - Nhà đỏ</title>
  <link rel="stylesheet" href="css/themes/default/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/theme.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
  <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <script src="js/jquery.js"></script>
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <script src="js/jquery.blend.js" type="text/javascript"></script>
  <script src="js/redhouse.js" type="text/javascript"></script>
  <script src="js/jquery.lightbox-0.5.pack.js" type="text/javascript"></script>
  <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
  <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <script type='text/javascript' src='js/jquery.cookie.js'></script>
  <script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
  <script type='text/javascript' src='js/jquery.dcjqaccordion.2.7.min.js'></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$('#slider').nivoSlider({
			effect:"fade",
			slices:5,
			boxCols:8,
			boxRows:4,
			animSpeed:500,
			pauseTime:3500,
			startSlide:0,
			directionNav:true,
			directionNavHide:true,
			controlNav:true,
			controlNavThumbs:false,
			controlNavThumbsFromRel:false,			
			keyboardNav:true,
			pauseOnHover:false
		});
		
		$('#accordion-menu').dcAccordion({
			eventType: 'click',
			autoClose: true,
			saveState: true,
			disableLink: true,
			speed: 'fast',
			classActive: 'test',
			showCount: false,
			classActive	 : 'active'
		});
		
		$("#testfancy1").click(function() {			
			$.fancybox([
				'images/home-2.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy2").click(function() {			
			$.fancybox([
				'images/home-3.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy3").click(function() {			
			$.fancybox([
				'images/home-4.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		
		$("#testfancy4").click(function() {			
			$.fancybox([
				'images/home-5.jpg'
			], {
				'centerOnScroll'	: 'true',
				'padding'			: 10,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'              : 'image',
				'changeFade'        : 500,
				'overlayColor'		: '#000',
				'overlayOpacity' 	: 0.9
			});
		});
		//$('#default').trigger('click');
	});
  </script>
  <style>
	#slider .nivo-controlNav {
		width:570px; 
		height:20px; 
	}
	
	#slider {
		width:580px; 
		height:520px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border:1px solid white;
		-moz-box-shadow: 1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		box-shadow: 1px 1px 3px #ccc;
		behavior: url(PIE.htc);
	}
  </style>
</head>
<body onload="preLoad()">
	
	<div id="pre-loader"><img src="images/loading_icon.gif"/></div>
	
	<div id="header">
		<div class="page">
			<div id="nav-container">	
				<ul id="nav">
					<li class="active"><a href="about.html">About us</a></li>
					<li><a href="specialties.html">Specialties</a></li>
					<li><a href="menu.html">Menu</a></li>
					<li><a href="promotion.html">Promotions</a></li>
					<li><a href="health.html">Seafood & Health</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div><!-- END nav-container -->
		</div>
	</div><!-- END header -->
		
	<div id="wrapper">
		<div id="header-container">
			<div class="page">
				<a href="home.html" alt="RedHouse" class="logo">
					<img src="images/logo.png"></img>
				</a>
				<div class="right-header">
					<div class="language-container">
						<a href="#"><img src="images/vie.gif" /></a>
						<a href="#"><img src="images/eng.gif" /></a>
					</div>
					<div class="form-search">
						<label for="search">Search:</label>
						<button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
						<input id="search" type="text" name="q" value="" class="input-text" />
						<br class="clear" />        
						<div id="search_autocomplete" class="search-autocomplete"></div>
					</div>
					<br class="clear" />
					<div class="link-container">
						<a href="">English</a><a href="">Tiếng Việt</a><a href="index.html">Select location</a>
					</div>
				</div><!-- END .right-header -->
			</div>
		</div><!-- END header-container -->
		<div class="page">
			<div class="main">
				<div class="col-left">
					<div class="left-title">
						<h1>RedHouse Restaurant</h1>
					</div>
					<div class="left-content">
						<ul class="accordion" id="accordion-menu">
							<li><a href="#" class="level-1 active">&nbsp;&nbsp;&nbsp;&nbsp;Our Story</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Vision & Mission</a></li>
							<li><a href="#" class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;Fun Facts</a></li>
						</ul>
					</div>
				</div><!-- END .col-left -->
				<div class="col-main">
					<div class="main-title">
						<!--<ul>
							<li><a href="">All</a></li>
							<li><a href="">5</a></li>
							<li><a href="">4</a></li>
							<li><a href="">3</a></li>
							<li><a href="">2</a></li>
							<li><a href="" class="active">1</a></li>
						</ul>-->
					</div>
					<div class="main-content">
						<div class="dish-slider">
							<div id="slider" class="nivoSlider theme-default" >
								<img class="home-slide" src="images/home-2.jpg"/>
								<img class="home-slide" src="images/home-3.jpg"/>
								<img class="home-slide" src="images/home-4.jpg"/>
								<img class="home-slide" src="images/home-5.jpg"/>
								<img class="home-slide" src="images/home-6.jpg"/>
								<img class="home-slide" src="images/home-7.jpg"/>
							</div>
							<!--<div style="position:relative; "><a id="testfancy" href="javascript:;"><img src="images/zoom.gif" /></a></div>-->
						</div>						
						<div class="description">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
								Suspendisse interdum facilisis nibh, vel porta velit vulputate nec. 
								Donec nisi mauris, varius faucibus eleifend in, pellentesque vel orci. 
								Fusce nunc sem, congue vitae euismod quis, sodales vel elit. 
								Aliquam rhoncus nunc non lorem sagittis egestas. Donec vel justo urna, vitae egestas lorem. 
								Nulla tristique ultricies odio, ut ultrices velit molestie quis. Integer ut consequat nibh. 
							</p>
							<ul>
								<li>Nulla tristique ultricies odio, ut ultrices </li>
								<li>Nullam id commodo tortor. </li>
								<li>Nullam in mattis orci.</li>
							</ul>
							<p>Nullam id commodo tortor. Nullam in mattis orci. 
								In interdum enim ac nunc molestie a consectetur sem blandit. 
								Pellentesque vitae urna libero, ac vehicula leo. 
								In blandit odio vitae neque dignissim a fringilla quam venenatis. 
								Vestibulum ut porta nulla. Integer eget pharetra tortor
							</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
								Suspendisse interdum facilisis nibh, vel porta velit vulputate nec. 
								Donec nisi mauris, varius faucibus eleifend in, pellentesque vel orci. 
								Fusce nunc sem, congue vitae euismod quis, sodales vel elit. 
								Aliquam rhoncus nunc non lorem sagittis egestas. Donec vel justo urna, vitae egestas lorem. 
								Nulla tristique ultricies odio, ut ultrices velit molestie quis. Integer ut consequat nibh. 
							</p>
						</div>
					</div>
				</div><!-- END .col-main -->
			</div><!-- END .main -->
		</div>
	</div><!-- END wrapper -->
	
	<div id="footer-container">
		<div class="page">
			<div id="link-div">
				<p style="font-size:14px;padding-bottom:7px;">REDHOUSE RESTAURANT</p>
				<a href="">&nbsp;&nbsp;&nbsp;Information</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Vision</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Employment</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Sitemap</a><br />
			</div>
			<div id="subcribe-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SUBSCRIBE TO OUR NEWSLETTER</p><br />
				<div class="form-subscribe">
					<label for="subscribe">Search:</label>
					<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>
					<input id="subscribe" type="text" name="q" value="" class="input-text" />
					<br class="clear" />        
				</div>
			</div>
			<div id="social-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;FOLLOW US</p><br />
				<a href="#"><img class="social" src="images/facebook.png" width="48" height="48" /></a>
				<a href="#"><img class="social" src="images/twitter.png" width="48" height="48" /></a>
			</div>
		</div>
	</div><!-- END footer-container	-->
</body>
</html>